<template>
  <page-header-wrapper>
    <a-card :bordered="false" class="card_top_padding no_need_padding" style="padding-bottom: 20px">
      <a-tabs
        v-model="activeKey"
      >
        <a-tab-pane key="SaasSettingWechatThird" tab="微信三方平台配置">
          <WechatThird></WechatThird>
        </a-tab-pane>
        <a-tab-pane key="SaasSettingAlipayThird" tab="支付宝三方模板配置">
          <AlipayThird></AlipayThird>
        </a-tab-pane>
        <a-tab-pane key="SaasSettingWechatTemplateUpload" tab="微信模版上传">
          <WechatTemplateUpload></WechatTemplateUpload>
        </a-tab-pane>
        <a-tab-pane key="SaasSettingAlipayTemplateUpload" tab="支付宝模版上传">
          <AlipayTemplateUpload></AlipayTemplateUpload>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </page-header-wrapper>
</template>

<script>
import Wechat from './setting/Wechat'
import Alipay from './setting/Alipay'
import WechatPay from './setting/WechatPay'
import AlipayThird from './setting/AlipayThird'
import ByteDance from './setting/ByteDance'
import StoreShare from './setting/StoreShare'
import Union from './setting/Union'
import Sms from './setting/Sms'
import Upload from './setting/Upload'
import Agency from './setting/Agency'
import WechatThird from './setting/WechatThird'
import WechatTemplateUpload from './setting/WechatTemplateUpload'
import AlipayTemplateUpload from './setting/AlipayTemplateUpload'

export default {
  name: 'SaasSetting',
  components: {
    Wechat,
    Alipay,
    WechatPay,
    StoreShare,
    Union,
    Sms,
    Upload,
    ByteDance,
    Agency,
    WechatThird,
    AlipayThird,
    WechatTemplateUpload,
    AlipayTemplateUpload
  },
  data () {
    return {
      activeKey: 'SaasSettingWechatThird'
    }
  }
}
</script>

<style scoped>

</style>
